<!DOCTYPE html>
<link rel="match" href="../expected/gradient-interpolation-method-ref.html" />
<style>
    div {
        width: 480px;
        height: 50px;
    }
</style>
<div style="background: linear-gradient(to right in srgb, red, blue)"></div>
<div style="background: linear-gradient(to right in srgb-linear, red, blue)"></div>
<div style="background: linear-gradient(to right in lab, red, blue)"></div>
<div style="background: linear-gradient(to right in oklab, red, blue)"></div>
<div style="background: linear-gradient(to right in hsl, red, blue)"></div>
<div style="background: linear-gradient(to right in hwb, red, blue)"></div>
<div style="background: linear-gradient(to right in lch, red, blue)"></div>
<div style="background: linear-gradient(to right in oklch shorter hue, red, blue)"></div>
<div style="background: linear-gradient(to right in oklch longer hue, red, blue)"></div>
<div style="background: linear-gradient(to right in oklch increasing hue, red, blue)"></div>
<div style="background: linear-gradient(to right in oklch decreasing hue, red, blue)"></div>
